<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>通过script标签去发送请求</title>
</head>
<body>
    
    <input type="button" value="通过script标签去发送请求">
    <script>

        function getInfo(obj){
            console.log(obj);
        }
        document.querySelector("input").onclick=function(){


            // 点击按钮 给发送请求
            var script = document.createElement("script");

            // 请求暂时没有发出去 把这个标签挂载页面上面才能发送请求   callback跨域的通用名称
            script.src = "jd.php?callback=getInfo";   

            // 客户端以js的方式去解析服务端返回的json数据  不符合js的语法 就会报错
            document.body.appendChild(script);

            // 想在页面得到服务端返回的数据   1、客户端给服务端传递一个回调函数，还需要定义一个函数
            // 2、服务端返回一个回调函数的调用 并且将服务端的数据包含在这个函数的调用里面


        }
    </script>

</body>
</html>